<template>
    <div>
        <!-- 路由内置插槽 router-view -->
        <router-view id="Appmain"></router-view>
        <Tabbar v-show="isTabbarShow"></Tabbar>
    </div>
</template>

<script>
import Tabbar from './components/Tabbar.vue'
import {mapState} from 'vuex' 
export default {
    components: {
        Tabbar,

    },
    mounted() {
        // console.log(1111111);
        // console.log(this.$store.state.TabbarModule.isTabbarShow);
    },
    // computed: {
    //     isTabbarShow() {
    //         return this.$store.state.isTabbarShow
    //     }
    // }
    // mapState(['isTabbarShow']) 的返回值就相当于计算属性函数中的返回值
    // computed:mapState(['isTabbarShow'])  

    computed: {
        ...mapState('TabbarModule',['isTabbarShow']),
        // aaa(){},
    }

}

</script>

<style lang="scss">
*{
    margin: 0;
    padding: 0;
}
html, body,#app{
    height: 100%;
}
#app>div{
    // display: flex;
    // flex-direction: column;
    height: 100%;
    // padding-bottom: 10vw;
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
}
#Appmain{
    // margin-bottom: 20vw;
    padding-bottom: 10vw;
}

</style>